@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
/*bg-[var(--theme-search-bg)]*/
html{
  font-size: 12px !important;
}
@media screen and (min-width: 2560px) {
  html{
    font-size: 16px !important;
  }
}
@media screen and (min-width: 3840px) {
  html{
    font-size: 24px !important;
  }
}
body {
  @apply leading-[normal] m-0;
  font-size: 12px !important;
  overflow-y: hidden;
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
}
*,
::before,
::after {
  border-width: 0;
}

input[type="checkbox"]:focus {
  box-shadow: none;
}
.svgLogo {
  color: var(--logo);
}
.svgLayout {
  color: var(--logo);
}
.svgClass {
  color: var(--svg);
}
.svgDate {
  color: var(--date);
}
.svgCamera {
  color: var(--camera);
}
.svgGrid {
  color: var(--grid);
}
.svgEdit {
  color: var(--theme-font-desc-color);
}
.svgLayout2 {
  color: #505967;
}
.svgClas2 {
  color: #D1D5DB;
}
.svgDate2{
  color: #D1D5DB !important;
}
.svgVideo{
  color: #6B7280;
}
.svgVideoActive{
  color: #3F83F8;
}
@keyframes scaleIn {
  0% {
    transform: scale(0) translate(-50%);
    -webkit-transform: scale(0) translate(-50%);
    -moz-transform: scale(0) translate(-50%);
    -ms-transform: scale(0) translate(-50%);
    -o-transform: scale(0) translate(-50%);
  }
  100% {
    transform: scale(1) translate(-50%);
  }
}
/* .bg-gray-100{
  background-color: red;
} */
:root {
  --text-base-font-normal: Inter;  /*字体格式*/
  --theme: #1f2a37;   /*背景主题*/
  --theme-right: #111928;   /*背景主题*/
  --theme-search-bg: #374151;   /*搜索按钮背景主题*/
  --theme-button-bg: #4B5563;/*按钮背景*/
  --theme-font-color:#fff;/*字体颜色*/
  --theme-font-desc-color:#9CA3AF;/*字体注释颜色*/
  --theme-hover: rgba(255,255,255, 0.1);
  --theme-table-hover: #1B2231;
  --svg: #9ca3af; /*图标颜色*/
  --camera: #000000;
  --logo: #ffffff;/*logo主题色*/
  --grid: #4b5563;/*灰色主题*/
  --date: #4B5563;/*日期颜色*/
  --bule:#1E429F;
  --bule-font:#EBF5FF;
  --bule-svg:#76A9FA;
  --gridFont:#fff;
  --el-color-primary: rgba(0,0,0,0) !important;
  --el-color-primary: #374151 !important;
  --layout-progress-bg: #1F2A37;
  --layout-progress: #1F2A37;
  --layout-progress-active: #374151;
  --layout-nav-font-color: #FFFFFF;
  --layout-nav-font-color-active: #FFFFFF;
  --layout-nav-font-color-hover: #FFFFFF;
  --layout-nav-bg: #374151;
  --layout-nav-bg-hover: #374151;
  --layout-nav-svg: #FFFFFF;
  --cellBg: #111928;
  --theme-ant-picker:#364251;
  --modalFontColor: #9CA3AF;
  --scrollbar-thumb: #4B5563;
  --scrollbar-track: #111928;
  --inputBg: #374151;
  --alert: #771D1D;
  --modalMask: rgba(31, 42, 55, 0.5);
  --tableHead: #D1D5DB;
  --borderBottom: #163E8D;
  --hoverBg: #28333F;
  --numInputDisabe: #242F3C;
  --numInputDecrease: #374151;
  --iconControl: #E5E7EB;
}
.layoutProgressBg{
  color:var(--layout-progress-bg) !important;
}
.layoutNavFontColorActive{
  color: var(--layout-nav-font-color-active) !important;
}
.layoutNavBg{
  background: var(--layout-nav-bg) !important;
}
/*  */
.themeFontColor{
  color:var(--theme-font-color) !important;
}
.themeFontDescColor{
  color:var(--theme-font-desc-color) !important;
}
.themeBgColor{
  background-color:var(--theme) !important;
}
.themeBgRight{
  background-color:var(--theme-right) !important;
}
.themeButtonBgColor{
  background-color:var(--theme-button-bg) !important;
}
.themeSearchBgColor{
  background-color:var(--theme-search-bg) !important;
}
.themeBorder{
  border:1px solid var(--grid) !important;
}
.themeHover{
  background-color:var(--theme-hover) !important;
}
.list {
  overflow-y: scroll;
}

.list::-webkit-scrollbar {
  width: 4px;
}

.list::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 10px;
}

.list::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: 10px;
}